@charset "UTF-8";
*{
    margin: 0px;
    padding: 0px;
}
.containerback{
	/* opacity: 0.1; */
	background-position:0,-100%;
	position:absolute;
    background-repeat: no-repeat;
    width: 1720px;
	height: 1000px;
	background-attachment: fixed;
    background-position: auto;
    background-size: cover;
    overflow:hidden;
}

.back{
	background-image: url(../imgs/gongda.jpeg);
    opacity: 0.5;
    background-repeat: no-repeat;
    width: 1720px;
	height: 1000px;
	background-attachment: fixed;
    background-position: auto;
    background-size: cover;
    overflow:hidden;
    position:absolute;
}
.banner{
	/* background-image: url(../imgs/gongda.jpeg); */
	background-repeat: no-repeat;
	position:relative;
    width: 1700px;
    height: 150px;
    border-bottom:1px solid grey;
    line-height: 150px;
    text-align: center;
}

.xiaohui{
	float:left;
	margin-left:40px;
	background-image:url(../imgs/xiaohui.png) ;
    background-repeat: no-repeat;
    width: 150px;
	height: 150px;
    background-position: auto;
    background-size: cover;
}
#quit{
	position:absolute;
	top:0px;
	right:0px;
	display:inline-block;
	width:100px;
	height:100px;
}
#quitimg{
	width:50px;
	height:50px;
}
#title{
	width:900px;
	height:150px;
	font-family:"050-上首国潮体";
	font-size: 80px;
	display:inine-block;
	vertical-align: middle;
	margin:0 auto;
}
#auita:linked{
	color:blue;
	text-decoration:none;
}
#auita:visited{
	color:blue;
	text-decoration:none;
}
#auita:hover{
	color:blue;
	text-decoration:none;
}
#auita:active{
	color:blue;
	text-decoration:none;
}
.work{
	width:1720px;
	height:850px;
}
.work-left{
background-color:#9dbdba;
    float:left;
	width:220px;
	height:850px;
	display:flex;
    justify-content: center;
    flex-direction: column;
    border-right:1px solid grey;
}
.work-right{
	background-color:#93aec1;
	margin-left:220px;
	width:1500px;
	height:850px;
	display:none;
}
.option{
	width:220px;
	height:65px;
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    cursor: pointer;
    user-select: none;
    letter-spacing: 1rem;
    text-indent: 1rem;
    border-radius: 20px;
    box-sizing: border-box;
    color: black;
}

.slide {
    border: 2px solid #2980b9;
    color:white;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: 0.5s;
    background-color: #6c757d;
}
 .erweima {
            position:relative;
            width: 150px;
            height: 150px;
            margin: 100px auto;
            margin-left:1350px;
            margin-top:100px;
            /* position:fixed; */
            border: 1px solid #ccc;
        }

.erweima i {
            position: absolute;
            left: -13px;
            top: 0;
            width: 10px;
            height: 10px;
            border: 1px solid #ccc;
            font-size: 12px;
            line-height: 10px;
            color: #ccc;
            font-style: normal;
            cursor: pointer;
            background-color:black;
        }
.ma{
	width:150px;
	height:150px;
}
#main{
	float:left;
	width:670px;
	height:850px;
	background-color:white;
}
.block{
	display:block;
}
.helper{
	margin-left:670px;
	width:840px;
	height:850px;
}